@CHARSET "UTF-8";
.cooleList{overflow:hidden;border:1px #e7e7eb solid; border-top:0;min-width:600px;height:40px;overflow-y:hidden;}
.cooleList.title{background-color:#e7e7eb;margin:0;}
.cooleList.title>div.action{float:left;width:30%;text-align:center;height:36px;line-height:36px;}
.cooleList>div.btn{float:left;text-align:center;height:30px;line-height:30px;margin-left:30px;padding:0;background-color:#169BD5;width:100px;color:#fff;margin-top:3px;}
.cooleList>span{float:left;width:80px;;height:36px;line-height:30px;padding-left:10px;text-align:center;}
.cooleList>span.action{width:90px;}
.cooleList>i{float:left;width:40px;text-align:center;height:36px;line-height:36px;padding-left:10px;}
.cooleList>span.sl{width:30%;}
.list-content{margin:20px 0;overflow:hidden;}
.detail-part{width:100%;overflow:auto;height:36px;margin-right:20px;}
.detail-part>ul{overflow:hidden;width:100%;cursor:pointer;}
.detail-part>ul>li{float:left;width:20%;height:36px;line-height:36px;text-align:center;}

.openBox{ width:40px; height:20px; border-radius:10px;margin:0 auto; margin-top:10px; overflow:hiddden; }
.openBox.on{background:green;}
.openBox.off{background:grey;}
.openBox span{display:block;height:18px;border-radius:50%;background-color:#fff;width:18px;margin:1px;}
.openBox span.on{ float:left;}
.openBox span.off{float:right}
